<template>
  <div class="public-head">
    <div class="head-logo">
      <img class="logoImg" src="../../assets/img.png" alt="">
      <span class="logoTitle">草莓卷智能客服</span>
    </div>
  </div>
</template>

<script setup>
import {reactive, onMounted, ref} from 'vue'


</script>

<style scoped lang="scss">
.public-head {
  height: 55px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid $borderColor;
  .head-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 20px;
    .logoImg {
      height: 40px;
      object-fit: contain;
      border-radius: 5px;
    }
    .logoTitle{
      font-weight: bold;
      font-size: 14px;
      margin-left: 10px;
    }
  }
}
</style>